<template>
  <div id="app">
    <router-view @showLoading="showLoading" @hideLoading="hideLoading"></router-view>
    <loading v-show="show"></loading>
  </div>
</template>

<style scoped>
  .ivu-spin-fix{
    width: 100px;
    height: 100px;
    background: none;
    margin: auto;
  }
  .demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
  }
  @keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
  }
  .demo-spin-col{
    height: 100px;
    position: relative;
    border: 1px solid #eee;
  }
</style>
<script>
  import Loading from './components/public/Loading.vue'

  export default {
    name: 'app',
    data () {
      return {
        show: false
      }
    },
    watch:{
      show(val){
      }
    },
    computed: {

    },
    methods:{
      hideLoading(){
        this.show = false;
      },
      showLoading(){
        this.show = true;
      }
    },
    components: {
      Loading
    }
  }
</script>

<style>

</style>
